<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../CSS/toPage.css">

    <link rel="stylesheet" href="../CSS/toPage.css">

    <link rel="stylesheet" href="../font_cqbiizu5og9/iconfont.css">
    <title>自适应导航栏</title>
    <link rel="stylesheet" type="text/css" href="../CSS/导航栏c.css" />
    <link rel="stylesheet" type="text/css" href="../CSS/搜索框样式.css">
    <link rel="stylesheet" type="text/css" href="../CSS/table.css" />
    <link rel="stylesheet" type="text/css" href="../CSS/mainpage.css" />
</head>
<body>
<dev class="shell">
    <a href="userinformation.html" class="box"><i class="iconfont icon-liebiao"></i><span>个人信息</span></a>
    <a href="../Stu/课程表1.html" class="box"><i class="iconfont icon-cangku"></i><span> 查看课表</span></a>
    <a href="#" class="box"><i class="iconfont icon-zhuti_tiaosepan"></i><span>选课</span></a>
    <a href="#" class="box"><i class="iconfont icon-qianbao"></i><span>已选课程</span></a>
    <a href="#" class="box"><i class="iconfont icon-tupian"></i><span>已选学分</span></a>
    <a href="#" class="box"><i class="iconfont icon-erweima"></i><span>院系要求</span></a>
    <a href="日历.html" class="box"><i class="iconfont icon-dunpaibaoxianrenzheng"></i><span>日历</span></a>
    <a href="#" class="box"><i class="iconfont icon-dengchu"></i><span>退出系统</span></a>
</dev>
<section>
    <div class="navbar">
        <!-- 复选框的id属性值和label元素的for属性值相同的话 那么就可以通过label元素选中复选框 -->
        <input type="checkbox" id="nav" /><label for="nav"></label>
        <ul>
            <li><a href="javascript:;">选课管理</a></li>
            <li><a href="javascript:;">我的选课</a></li>
        </ul>
    </div>
    <div class="a">
        <input type="text" class="b" placeholder=" 按照课程名搜索">
        <a href="#" class="c">
            <img src="../图标/搜索.png" style="width: 30px;">
        </a>
    </div>
    <div class="a">

        <input type="text" class="b" placeholder="按照课序号搜索">
        <a href="#" class="c">
            <img src="../图标/搜索.png" style="width: 30px;">
        </a>
    </div>
    <div class="a">

        <input type="text" class="b" placeholder=" 按照教师名搜索">
        <a href="#" class="c">
            <img src="../图标/搜索.png" style="width: 30px;">
        </a>
    </div>
    <br><br>
    <div class="container">
        <!--分页容器_1-->

        <table class="page_1">
            <thead>
            <tr>
                <th>课程名称</th>
                <th>课序号</th>
                <th>代课老师</th>
                <th>上课时间及地点</th>
                <th>课余量</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>java</td>
                <td>900</td>
                <td>李老师</td>
                <td>每周五第一节课 4区101</td>
                <td>0</td>
                <td>无法选课</td>
            </tr>
            <tr>
                <td>java</td>
                <td>900</td>
                <td>李老师</td>
                <td>每周五第一节课 4区101</td>
                <td>0</td>
                <td>无法选课</td>
            </tr>
            <tr>
                <td>java</td>
                <td>900</td>
                <td>李老师</td>
                <td>每周五第一节课 4区101</td>
                <td>0</td>
                <td>无法选课</td>
            </tr>

            <tr>
                <td>java</td>
                <td>900</td>
                <td>李老师</td>
                <td>每周五第一节课 4区101</td>
                <td>0</td>
                <td>无法选课</td>
            </tr>
            <tr>
                <td>java</td>
                <td>900</td>
                <td>李老师</td>
                <td>每周五第一节课 4区101</td>
                <td>0</td>
                <td>无法选课</td>
            </tr>
            <tr>
                <td>java</td>
                <td>900</td>
                <td>李老师</td>
                <td>每周五第一节课 4区101</td>
                <td>0</td>
                <td>无法选课</td>
            </tr>
            <tr>
                <td>java</td>
                <td>900</td>
                <td>李老师</td>
                <td>每周五第一节课 4区101</td>
                <td>0</td>
                <td>无法选课</td>
            </tr>

            </tbody >
        </table>

    </div>

</section>
<!-- &lt;!&ndash;先引入jquery&ndash;&gt;
 <script src="lib/jquery-3.6.0.min.js"></script>
 &lt;!&ndash;再引入toPage.js&ndash;&gt;
 <script src="JS/toPage.js"></script>
 &lt;!&ndash;插件使用&ndash;&gt;
 <script>
     /*容器1参数*/
     var obj_1={
         obj_box:'.page_1',//翻页容器
         total_item:72,//条目总数
         per_num:10,//每页条目数
         current_page:2//当前页*/
     };

     /*调用分页方法,初始化数据*/
     page_ctrl(obj_1);
 </script>-->

</body>

</html>